<script setup>
const props = defineProps({
    padding: Number
})
</script>

<template>
    <div class= "card-container" :style="padding?{}:{padding:padding+'px'}">
        <slot></slot>
    </div>
</template>

<style scoped>
.card-container{
    width:100%;
    border-radius: 10px;
    padding:10px;
    background-color: white; 
    box-shadow: var(--main-shadow);
    box-sizing:border-box
}
</style>